<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/brand.css">
    <script src="/js/jquery-1.8.3.min.js"></script>
    <script src="/js/qrcode.js"></script>
</head>
<body>
    <header class="header">
        <div class="wrap">
            <div class="logo">
                <img src="/img/logo.png" alt="">
            </div>
            <div class="right-content">
                <div class="link">
                    <a href="/distributor.html" class="link-cell">
                        <span class="icon"><img src="/img/header-icon-1.png" alt=""></span>
                        <span class="name">经销商登录</span>
                    </a>
                    <a href="/quailty.html" class="link-cell">
                        <span class="icon"><img src="/img/header-icon-1.png" alt=""></span>
                        <span class="name">质保查询</span>
                    </a>
                </div>
                <ul class="menu">　
                    <li class="menu-cell"><a href="/">首页</a></li>
                    <li class="menu-cell active"><a href="/brand.html">品牌</a></li>
                    <li class="menu-cell">
                        <a>产品</a>
                        <!-- 产品二级导航 -->
                        <div class="sub-menu">
                            <div class="sub-menu__wrap">
                                <a href="product.html" class="sub-menu__cell">产品介绍</a>
                                <a href="/quoted_part.html" class="sub-menu__cell">产品报价</a>
                            </div>
                        </div>
                    </li>
                    <li class="menu-cell"><a href="/example.html">案例</a></li>
                    <li class="menu-cell"><a href="/news.html">资讯</a></li>
                    <li class="menu-cell"><a href="/store.html">门店</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="brand linear">
        <div class="banner"><img src="/img/brand/banner.png"></div>
        <div class="wrap">
            <div class="title">品牌介绍</div>
            <div class="sub-title">Brand introduction</div>
            <p class="desc">源自“Barrier－屏障”一词，意义在于阻隔一切对漆面的伤害，从而保护珍贵的原厂车漆，拒绝对漆面膜作用夸大吹捧，让漆面保护膜回归本质作用。</p>
            <div class="video">
                <video width="100%" height="100%" controls="">
                    <source src="http://byafilm.sunthink.com.cn/attached/media/20210704/2.mp4" type="video/mp4">
                </video>
            </div>
            <div class="detail">
                <div class="left">
                    <div class="name"><span>拜亚膜</span> —— <span>漆面保护 巅峰性能 </span></div>
                    <div class="mask">纳米类玻璃表面涂层 </div>
                    <p class="txt">新一代黑色膜黑科技，顶级玻璃结晶表面涂层，长效疏水、抗污、高亮光、防雨渍、轻微划痕自愈完美结合。</p>
                </div>
                <div class="right">
                    <img src="/img/brand/car.png" width="100%">
                </div>
            </div>
            <div class="pic">
                <div class="pic-cell">
                    <img src="/img/brand/car-1.png">
                </div>
                <div class="pic-cell">
                    <img src="/img/brand/car-2.png">
                </div>
                <div class="pic-cell">
                    <img src="/img/brand/car-3.png">
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="wrap">
            <div class="left-content">
                <img src="/img/logo.png">
                <div class="share">
                    <span class="name">分享：</span>
                    <span id="share-weibo"><img src="/img/share-icon-1.png"></span>
                    <span id="share-wx"><img src="/img/share-icon-2.png"></span>
                    <span id="share-qq"><img src="/img/share-icon-3.png"></span>
                </div>
            </div>
            <div class="right-content">
                <div class="link">　
                    <a href="/product.html" class="link-cell">产品介绍</a>
                    <a href="/quoted_part.html" class="link-cell">产品报价</a>
                    <a href="/distributor.html" class="link-cell">经销商登录</a>
                    <a href="/quailty.html" class="link-cell">质保查询</a>
                </div>
                <p class="phone">服务热线: <span>4001 618 615</span></p>
                <p class="record">2021@版权所有 拜亚(山东)薄膜有限公司<span>粤ICP备05108632号- 13 </span></p>
                <div class="qrcode">
                    <img src="/img/footer-qrcode.png">
                    <p>微信扫一扫</p>
                    <p>了解拜亚膜最新动态</p>
                </div>
            </div>
        </div>
        <div class="qrcode-wx" id="qrcode-wx" style="display: none;">
            <div class="title"><span>分享到微信朋友圈</span></div>
            <span class="close">+</span>
            <div id="qrcode-wx-img"></div>
            <div class="tip">打开微信“扫一扫”即可分享至朋友圈</div>
        </div>
    </footer>
    <script src="/js/share.js"></script>
</body>
</html>